<template>
  <div class="headsTitle">
    <div class="title">
      <h2>{{ title }}</h2>
    </div>
    <slot name="content">
    </slot>
  </div>
</template>
<script type="text/ecmascript-6">
export default {
  name: 'headsTitle',
  props: {
    title: {
      type: String
    }
  },
  data () {
    return {
    }
  }
}
</script>
<style lang="stylus" rel="stylesheet/stylus" scoped>
@import '../../../assets/stylus/index.styl'
.headsTitle
  border 1px solid #DDDDDD
  margin-bottom 40px
  .title
    padding 0 20px
    background #F5F7FA
    h2
      fontSize($fontSize-l, 50px, $fontColor)
      font-weight bold
</style>
